<!DOCTYPE HTML>
<html>
	<head>
		<title>Rusmorph theme title</title>
		<link rel="shortcut icon" href="../static/img/favicon.ico"/>
		<style>
			body {
				margin: auto;
				padding: auto;
				width: 800px;
			}
			div#header {
				float: none;
				clear:both;
				margin-bottom: 5px;
			}
			div#logo {
				float: left;
				margin-left: 10px;
			}
			ul#navigation {
				float: right;
				margin-right: 10px;
				margin-top: 105px;
				list-style: none;
			}
			ul#navigation li {
				float: right;
				margin-left: 15px;
			}
			ul#navigation li a {
				color: #000000;
				display: block;
				margin: auto;
				padding: auto;
				text-decoration: none;
			}
			ul#navigation li a:hover {
				text-decoration: underline;
			}
			div#content_wrapper {
				clear: both;
			}
			div#sidebar {
				float: right;
				width: 200px;
				margin-right: 10px;
				margin-left: 10px;
			}
			div#content {
				float: left;
				width: 550px;
				margin-left: 10px;
			}
		</style>
	</head>
	<body>
		<header>
			<div id="header">
				<div id="logo">
					<a href="/"><img src="../static/img/logo_main.png" alt="RusMorph Project"/></a>
				</div>
				<nav>
					<ul id="navigation">
						<li><a href="#">ABOUT</a></li>
						<li><a href="#">RMPARSER</a></li>
						<li><a href="#">DBSUPPLY</a></li>
					</ul>
				</nav>
			</div>
		</header>
		<div id="content_wrapper">
			<div id="sidebar">
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce blandit convallis odio vel aliquet. Vivamus ullamcorper orci ante, tempor dignissim mauris. Mauris venenatis elementum rhoncus. Phasellus vel purus quis quam vehicula rhoncus. Suspendisse potenti. Nulla ante orci, hendrerit vel posuere eu, porttitor ut massa. Sed dignissim velit ut turpis sagittis vitae tempor nulla mollis. Maecenas rutrum arcu at orci pellentesque et fermentum velit pulvinar. Nulla auctor velit in nisi rutrum imperdiet. Pellentesque ante turpis, vulputate sed vehicula vel, ultrices quis lorem. Sed lacinia porttitor libero, in porta risus semper ut. In mattis gravida ullamcorper. Proin euismod blandit ultrices. Nulla tempus sagittis erat id adipiscing.</p>
			</div>
			<div id="content">
				<article>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce blandit convallis odio vel aliquet. Vivamus ullamcorper orci ante, tempor dignissim mauris. Mauris venenatis elementum rhoncus. Phasellus vel purus quis quam vehicula rhoncus. Suspendisse potenti. Nulla ante orci, hendrerit vel posuere eu, porttitor ut massa. Sed dignissim velit ut turpis sagittis vitae tempor nulla mollis. Maecenas rutrum arcu at orci pellentesque et fermentum velit pulvinar. Nulla auctor velit in nisi rutrum imperdiet. Pellentesque ante turpis, vulputate sed vehicula vel, ultrices quis lorem. Sed lacinia porttitor libero, in porta risus semper ut. In mattis gravida ullamcorper. Proin euismod blandit ultrices. Nulla tempus sagittis erat id adipiscing.</p>
					<p>Nulla pulvinar nisi sed erat malesuada quis ornare libero mollis. In congue facilisis mauris a viverra. In massa ante, tincidunt hendrerit ullamcorper sed, sollicitudin vel quam. Curabitur aliquam, neque quis facilisis ornare, dolor dolor euismod tellus, in faucibus augue turpis et lorem. Curabitur at diam in lacus dignissim facilisis. Integer vel nisi nec purus tempus fermentum sed vel risus. Etiam ullamcorper arcu nisi. Nulla ullamcorper nibh ut nibh interdum nec venenatis velit faucibus. Sed pulvinar ligula a arcu commodo ornare. Nullam lacus urna, pharetra sit amet dignissim sit amet, tempus non est. Pellentesque auctor erat nec felis rhoncus non sollicitudin augue porttitor. Nam sed semper ligula. Aenean molestie mollis tellus et dignissim. In interdum ante volutpat sapien molestie semper. Etiam id libero mi, at aliquet dolor. Donec rutrum vehicula blandit.</p>
					<p>Integer interdum, felis ac pretium feugiat, lacus tellus volutpat orci, vel iaculis lorem enim sit amet magna. Donec ac nulla eros. Nulla facilisi. Sed consequat, nulla vitae auctor tincidunt, diam dolor placerat leo, ultricies faucibus nunc nibh accumsan velit. Aenean ut odio tortor, eget vehicula nisi. Pellentesque vulputate diam eu eros ultricies id porttitor velit suscipit. Sed arcu dui, dictum et tincidunt id, scelerisque vitae magna.</p>
					<p>Pellentesque aliquam iaculis nisl, at elementum nisl commodo vitae. Suspendisse molestie tempor tellus bibendum interdum. Maecenas sit amet eros dui. In ullamcorper odio quis turpis venenatis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum id luctus odio. Cras iaculis, urna a fringilla scelerisque, lectus eros semper lacus, a aliquam arcu est vitae justo. Etiam libero neque, rutrum ac porta a, posuere ultricies mauris. Maecenas mollis, urna a euismod lacinia, elit libero feugiat est, sed tincidunt felis dolor rutrum massa. Suspendisse id faucibus mauris. Maecenas vitae massa leo, in vestibulum massa. Ut vel urna urna, quis tristique nisi.</p>
					<p>In non nibh et urna commodo gravida. Proin sit amet neque quis purus venenatis feugiat sit amet eget sapien. Nam vestibulum tristique luctus. Maecenas interdum volutpat massa, id pulvinar dui ornare in. Nulla facilisi. Nullam malesuada mauris nec eros tempor non tristique urna sodales. Pellentesque sit amet turpis sapien. Fusce urna nulla, viverra quis tempus eu, ullamcorper non quam. Nam in urna arcu, at aliquam arcu. Nunc mollis dapibus nunc ac commodo. Aliquam sodales massa in est rutrum semper. Aliquam imperdiet fermentum diam, eget lacinia sem gravida eget. Quisque mattis eleifend bibendum. Vivamus dui nulla, vulputate non mollis at, consequat quis enim.</p>
				</article>
			</div>
		</div>
	</body>
</html>